<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link href="https://cdn.bootcdn.net/ajax/libs/normalize/8.0.1/normalize.min.css" rel="stylesheet">
		<link rel="stylesheet" href="css/main.css">
		<title>蘑菇街-你的剁手街</title>
	</head>
	
	<!-- 
	 主题框架
	 
	一些准备工作
	
	结构划分
	 
	 
	 -->
	<body>



		<div class="top-nav clear-float ">

			<div class="container ">

				<div class="lf">
					<a href="#">首页</a >
				</div>

				<div class="rf">
					<a href="#">我的订单</a>
					<a href="#">收藏夹</a >
					<a href="#">登录</a >
					<a href="#">注册</a >
					<a href="#">客户服务</a>
				</div>
			</div>


		</div>

		<div class="header clear-float">


			<div class="container">

				<div class="col-2">
					Lorem ipsum dolor sit amet,

				</div>

				<div class="col-5">
					<input type="text">
					<button type="button">搜索</button>
				</div>

				<div class="col-3">
					<a href="#"> 我的购物车</a>
					<!-- <button type="button">我的购物车</button> -->
				</div>
			</div>

		</div>

		</div>
		<div class="main-promote clear-float">
			
			<div class="container">
				
				<div class="col-2">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nemo ipsum</div>
				<div class="col-6">
					 velit neque inventore cumque quaerat repellendus fuga suscipit unde maiores ratione tenetur et pariatur at ea atque dolorum deserunt saepe! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non tenetur architecto a aliquid incidunt voluptatum praesentium fuga quibusdam  ex?
				</div>
				<div class="col-2">
					eveniet adipisci repellat aliquam doloribus nihil ratione nulla repellendus rem nemo
				</div>
				
				
			</div>
			
			
			
		</div>
		<div class="cat-promote clear-float">
			
			
			<div class="container">
				
				<div class="col-25">AAAA</div>
				<div class="col-25">AAAA</div>
				<div class="col-25">AAAA</div>
				<div class="col-25">AAAA</div>

				
			</div>
			
			
			
		</div>

			
		
		
		<div class="cat-promote clear-float">
			
			
			<div class="container">
				
				<div class="col-2">AAA Lo.</div>
				<div class="col-3">AAArem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci sapiente mollitia nisi ipsam iure hic. Eligendi quod consectetur eos dolorum optio ab quos earum debitis doloremque ipsa tenetur quaerat expeditaA</div>
				<div class="col-2"> Adipisci sapiente mollitia nisi ipsam iure hic. Eligendi quod consectetur eos dolorum</div>
				<div class="col-3">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure libero excepturi labore tempora deserunt accusantium fuga nobis tempore. Laborum esse assumenda iure sit repellendus eos tempore mollitia ipsa at consequatur.</div>
		
				
			</div>
			
			
			
		</div>
		
		<div class="footer clear-float">
			
			<div class="container">
				
				
				Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure eos optio delectus sed illo molestias. Maiores harum deleniti accusantium incidunt fuga rem expedita nostrum aperiam corporis accusamus necessitatibus temporibus enim?
				
				
			</div>
		</div>
	</body>
</html>
